<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>06 参数和返回值</title>
</head>
<body>
    <h1>06 参数和返回值</h1>
    <div id="box"></div>
</body>
<script src="../common.js"></script>
<script>
    /* 
        参数和返回值
            * 加上参数和返回值都可以增加函数的灵活性，让功能更强大
            * 参数
                * 实参：放在入口里的数据
                * 形参:本质上就是变量
            * 返回值
                * 终止函数执行，return后面的代码不会执行
                * return后如果有值，则把这个值返回到函数执行的地方
                    * 如果函数没有return，或是后面没有值，执行完后返回undefined

    */

    var box = getid('box');

    function sum(a, b) {
        // var num1 = 77;
        // var num2 = 88;
        var c = a + b;
        return c; // 将和返回到入口处，数据的使用会更加灵活
        console.log(a + b);
    };
    
    // 需求一：两数求和打印到页面
    var res1 = sum(123,123); // 如果函数里面return没有具体的值，返回undefined
    document.write('页面数据使用' + res1);

    // 需求二：两数求和，求和结果输出到节点
    var res2 = sum(345, 345);
    box.innerHTML = res2;

</script>
</html>